<page-header autoTitle="false" />
<form rnz-fom nzLayout="inline" se-container gutter="24">
  <se label="角色名称" labelWidth="0" col="3">
    <input nz-input name="name" placeholder="支持模糊查询" [(ngModel)]="queryParams.name" />
  </se>
  <se col="3">
    <button nz-button nzType="primary" (click)="query($event)">查询</button>
  </se>
  <se col="24">
    <button nz-button nzType="default" (click)="addNavigate()">
      <i nz-icon nzType="plus"></i>
      新建角色
    </button>
  </se>
</form>

<nz-card>
  <st #st [data]="url" [columns]="columns" size="small" [expand]="expandTpl" expandRowByClick expandAccordion>
    <ng-template #expandTpl let-item let-index="index" let-column="column">
      <sv-container size="small" col="3">
        <sv-title>更多内容</sv-title>
        <sv label="创建人">{{ item!.createdBy }}</sv>
        <sv label="创建日期">{{ item!.createdDate }}</sv>
      </sv-container>
    </ng-template>
  </st>
</nz-card>
